<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>Event Hub</title>
</head>

<body>
	<header>
		<h1>Event Hub</h1>
		<nav>
			<ul>
				<li><a href="#upcoming-events">Upcoming Events</a></li>
				<li><a href="#past-events">Past Events</a></li>
			</ul>
		</nav>
	</header>

	<main>
		<section id="upcoming-events">
			<h2>Upcoming Events</h2>
			<article>
				<h3>AI &amp; Machine Learning Conference 2025</h3>
				<p>Join us for a deep dive into the latest advancements in artificial intelligence and machine learning.
					Industry leaders will share insights and case studies on how AI is transforming various sectors.</p>
				<time datetime="2025-03-15">2025年3月15日</time>
			</article>
			<article>
				<h3>Web Development Bootcamp</h3>
				<p>Learn the latest web technologies and best practices from industry experts. This comprehensive
					bootcamp
					will cover HTML, CSS, JavaScript, and more.</p>
				<time datetime="2025-03-15">2025年3月15日</time>
			</article>
		</section>
		<section id="past-events">
			<h2>Past Events</h2>
			<article>
				<h3>Cybersecurity Summit 2024</h3>
				<p>Join us for a deep dive into the latest advancements in artificial intelligence and machine learning.
					Industry leaders will share insights and case studies on how AI is transforming various sectors.</p>
				<time datetime="2024-03-15">2024年3月15日</time>
				<img src="https://cdn.freecodecamp.org/curriculum/labs/upcoming-event1.jpg" alt="upcoming-event1">
			</article>
			<article>
				<h3>Blockchain Expo 2024</h3>
				<p>An event focusing on the latest trends and threats in cybersecurity. Experts discussed strategies for
					protecting data and ensuring privacy in an increasingly digital world.</p>
				<time datetime="2024-03-15">2024年3月15日</time>
				<img src="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg" alt="past-event2">

			</article>
		</section>
	</main>
</body>

</html>